<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>柜架</title>
    <link rel="stylesheet" href="../Jquery/font-awesome-4.7.0/css/font-awesome.min.css">
    <style>
     /*初始化*/
     *{
            padding: 0;
            margin: 0;
        }
        /*初始化*/
        /*最外层盒子*/
        .box{
            width:100%;
            height:50px;
            margin: 0 auto;
        }
        /*最外层盒子*/
        /*内容部分*/
        .head{
            width:1500px;
            margin:  0 auto;
            display: flex;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background-color: #313131;
            z-index: 999;
            
        }
        /*logo*/
        .logo::after {
            background-image: url("http://img.zaozuo.com/0d5cff465aa25cb7ca1e54fd8b1ba285");
            background-repeat: no-repeat;
            display: inline-block;
            width: 21px;
            height: 21px;
            content: "";
            background-size:cover;
            margin-left: 60px;
            margin-top: 15px;
        }
        /*logo*/
        /*导航栏部分*/
        .top-nav{
            position: relative;
        }
        .top-nav ul li:nth-child(1){
            margin-left: 20px;
        }
        .top-nav ul li{
            height: 45px;
            list-style: none;
            display: inline-block;
            margin: 0 10px;
        }
        .top-right{
            text-indent: 10px;
        }
        .top-nav ul li a {
            text-decoration: none;
            font-size: 13px;
            color: #fff;
            line-height: 50px;
        }
        .top-nav ul li:hover {
            border-bottom: 1px solid #fff;
        }
        /*login部分*/
        .top-nav1{
            position: absolute;
            top: -1px;
            right:-100px;
        }
        .top-nav1 li{
            border: none !important;
        }
        .login{
            position: relative;
            padding: 0 15px;
        }
        .login a  img{
            display: inline-block;
            width: 25px;
            height: 25px;
            margin: 14px auto;
            position: absolute;
        }
        .login a img:nth-child(2){
            opacity: 0;
        }
        .login a:hover img:nth-child(2){
            opacity: 1;
        }
        /*login部分*/
        /*导航栏部分*/
        /*内容部分*/
        /*导航栏部分*/
        .top-nav{
            position: relative;
        }
        .top-nav ul li:nth-child(1){
            margin-left: 20px;
        }
        .top-nav ul li{
            height: 45px;
            list-style: none;
            display: inline-block;
            margin: 0 10px;
        }
        .top-right{
            text-indent: 10px;
        }
        .top-nav ul li a {
            text-decoration: none;
            font-size: 13px;
            color: #fff;
            line-height: 50px;
            font-weight: 400;
        }
        .top-nav ul li:hover {
            border-bottom: 1px solid #fff;
        }
        /*login部分*/
        .top-nav1{
            position: absolute;
            top: -1px;
            right:-100px;
        }
        .top-nav1 li{
            border: none !important;
        }
        .login{
            position: relative;
            padding: 0 15px;
        }
        .login a  img{
            display: inline-block;
            width: 25px;
            height: 25px;
            margin: 14px auto;
            position: absolute;
        }
        .login a img:nth-child(2){
            opacity: 0;
        }
        .login a:hover img:nth-child(2){
            opacity: 1;
        }
        /*login部分*/
        /*导航栏部分*/
        .nav-down{
            position:absolute;
            height:0;
            top: 50px;
            width:1296px;
            background: rgba(49,49,49,.95);
            left: -85px;
            opacity: 0;
            transition: all .2s cubic-bezier(0,0,.75,.47);
            overflow: hidden;
        }
        .nav-down .nav-font {
            text-align: center;
        }
        .nav-font{
            overflow: hidden;
            transition: all .1s initial;
        }
        .nav-font a{
            font-size: 12px !important;
            padding: 0 20px;
            color: #d2d2d2 !important;
            font-weight: 400!important;
        }
        .nav-font a:hover{
            color: #fff!important;
        }
        .nav:hover .nav-down{
            opacity: 1;
            height: 50px;
        }
        .wrapper{
            width: 1296px;
            margin: 0 auto;
        }
        a{
            text-decoration: none;
        }
.box1{
    margin: 0 100px;
    width:1296px;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 280px 280px 280px 280px;
    text-align: center;
    align-items: center;
}
.box1>div{
    margin-top: 100px;
}
.box1 img{
    width: 80%;
    height: 100%;
}
.box1 img:hover{
    opacity: 0.7;
}
.box1 div>a{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.box1 .a1{
    font-size: 14px;
    font-weight: bold;
    color: #313131;
}
.box .a2{
    font-size: 9px;
    color: #313131;
    margin-top: 5px;
}
.box .a3{
    font-size: 9px;
    color: #313131;
    margin-top: 8px;
    background-color: #F6F6F6;
    padding: 5px 10px;
}
.footer{
            background: #000000;
            min-width: 900px;
            height: 452px;
            width: 100%;
            margin-top:50px;
        }
        .content{
            width: 900px;
            margin: 0 auto;
            display: flex;
            padding: 50px;
        }
        .footer-img{
            width: 200px;
            height: 175px;
            border-right: 1px solid #a0a0a0;
        }
        .footer-img img{
            width: 156px;
            height: 18px;
        }
        .footer-img a {
            text-decoration: none;
            color: #ffffff;
            font-size: 14px;
        }



        .content1 {
            height: 175px;
            display: grid;
            grid-template-columns: repeat(3,150px);
            border-right: 1px solid #a0a0a0;
        }
        .footer1 li {
            list-style: none;
            margin-left: 50px;
            padding: 2px;

        }
        .footer1 li a {
            text-decoration: none;
            font-size:10px;
            color: #a0a0a0;
        }
        .footer1 li:hover a{
            color: #ffffff;
        }
        .footer1 li:nth-child(1){
            display: inline-block;
            height: 25px;
            border-bottom: 1px solid #a0a0a0;
            font-size: 12px;
        }
        .right{
            margin-left: 40px;
        }
        .right1{
            font-size: 10px;
            text-decoration: none;
            color:#a0a0a0;
        }
        .right-1 {
            font-size: 18px;
            color:#ffffff;
            margin-top: 10px;
            position: relative;
        }
        .right span {
            font-size: 12px;
            color: #ffffff;
            position: absolute;
            top: 3px;
            left: 140px;
        }
        .right-2 {
            width: 200px;
            color:#000000;
            height: 30px;
            font-size: 10px;
            background-color:#ffffff;
            line-height: 30px;
            text-align: center;
            margin-top: 30px;
        }
        .right-2:hover {
            background-color: #000000;
            color: #ffffff;
            border: 1px solid #ffffff;
        }

        .kf{
            margin-top: 20px;
            width: 70px;
            height: 26px;
            border-radius: 20px;
            color: #ffffff;
            font-size: 10px;
            background-color:#000000;
            border: 1px solid #ffffff;
            cursor: pointer;

        }
        .kf:hover {
            color: #000000;
            background-color:#fff;
        }
        .copyright{
            margin: 15px auto;
            width: 900px;
            padding: 20px 0;
            border-top: 1px solid #a0a0a0;
        }
        .copyright p {
            text-align: center;
            font-size: 11px;
            color: #a0a0a0;
            margin: 10px;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="head">
            <div class="logo"></div>
            <div class="top-nav">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li class="nav">
                        <a href="QuanWuXiLie.html">全屋系列</a>
                        <div class="nav-down">
                            <p class="nav-font">
                                <a href="">全部</a>
                                <a href="">美术馆系列</a>
                                <a href="">画板系列</a>
                                <a href="">山雪系列</a>
                                <a href="">青山系列</a>
                                <a href="">cosmo系列</a>
                                <a href="">朱雀系列</a>
                            </p>
                        </div>
                    </li>
                    <li class="nav">
                        <a href="ShaFaBanDeng.html">沙发 · 板凳</a>
                        <div class="nav-down">
                            <p class="nav-font">
                                <a href="">全部</a>
                                <a href="">沙发</a>
                                <a href="">休闲椅</a>
                                <a href="">板凳</a>
                                <a href="">坐墩</a>
                            </p>
                        </div>
                    </li>
                    <li class="nav">
                        <a href="GuiJia.html">柜架</a>
                        <div class="nav-down">
                            <p class="nav-font">
                                <a href="">全部</a>
                                <a href="">电视柜</a>
                                <a href="">书柜-书架</a>
                                <a href="">衣柜</a>
                                <a href="">餐边柜</a>
                                <a href="">斗柜</a>
                                <a href="">鞋柜</a>
                                <a href="">玄关柜</a>
                                <a href="">床头柜</a>
                                <a href="">推车</a>
                                <a href="">置物架-储物格</a>
                                <a href="">衣帽架</a>
                            </p>
                        </div>
                    </li>
                    <li class="nav">
                        <a href="CuangJu.html">床 · 床具</a>
                        <div class="nav-down">
                            <p class="nav-font">
                                <a href="">全部</a>
                                <a href="">床</a>
                                <a href="">床垫</a>
                                <a href="">床头柜</a>
                                <a href="">床品</a>
                                <a href="">被褥</a>
                                <a href="">枕芯</a>
                            </p>
                        </div>
                    </li>
                    <li class="nav">
                        <a href="ZhuoJi.html">桌几</a>
                        <div class="nav-down">
                            <p class="nav-font">
                                <a href="">全部</a>
                                <a href="">餐桌-书桌</a>
                                <a href="">茶几</a>
                                <a href="">边桌</a>
                                <a href="">梳妆台</a>
                            </p>
                        </div>
                    </li>
                    <li class="nav">
                        <a href="DengJu.html">灯具</a>
                        <div class="nav-down">
                            <p class="nav-font">
                                <a href="">全部</a>
                                <a href="">地灯</a>
                                <a href="">吊灯</a>
                                <a href="">台灯</a>
                                <a href="">吸顶灯</a>
                                <a href="">夜灯</a>
                            </p>
                        </div>
                    </li>
                    <li class="nav">
                        <a href="JiaFang.html">家纺 · 床品</a>
                        <div class="nav-down">
                            <p class="nav-font">
                                <a href="">全部</a>
                                <a href="">床品</a>
                                <a href="">被褥</a>
                                <a href="">枕芯</a>
                                <a href="">毛巾-浴巾</a>
                                <a href="">盖毯</a>
                                <a href="">地毯-地垫</a>
                                <a href="">抱枕-劲枕</a>
                                <a href="">围巾</a>
                            </p>
                        </div>
                    </li>
                    <li class="nav">
                        <a href="ZhuangShi.html">装饰 · 收纳</a>
                        <div class="nav-down">
                            <p class="nav-font">
                                <a href="">全部</a>
                                <a href="">墙镜</a>
                                <a href="">花瓶</a>
                                <a href="">摆件</a>
                                <a href="">收纳</a>
                                <a href="">装饰画</a>
                            </p>
                        </div>
                    </li>
                    <li class="nav">
                        <a href="ShuiJu.html">餐具 · 水具</a>
                        <div class="nav-down">
                            <p class="nav-font">
                                <a href="">全部</a>
                                <a href="">餐具</a>
                                <a href="">杯子</a>
                                <a href="">托盘-果盘</a>
                                <a href="">食品储物</a>
                            </p>
                        </div>
                    </li>
    
                    <li class="top-right">
                        <i class="fa fa-map-marker" style="font-size: 16px;color:#fff;"></i>
                    </li>
                    <li class="top-right1"><a href="ShiTiDian.html">实体店</a></li>
                    <li><a href="LiaoJieZaoZuo.html">了解造作新家</a></li>
                    <li><a href="ShangYeHeZuo.html">商业合作</a></li>
                </ul>
                    <ul class="top-nav1">
                        <li>
                            <div class="login">
                                <a href="Login.html">
                                    <img src="http://img.zaozuo.com/8576f41b91454a9dcfe10117c7866da9" alt="">
                                    <img src="http://img.zaozuo.com/3eafa8a3062fd17672ae1bc4f605e679" alt="">
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="login">
                                <a href="GoWuChe.html">
                                    <img src="https://img.zaozuo.com/737626452b898ffba27f9ad288c80c09" alt="">
                                    <img src="https://img.zaozuo.com/10de03eec28b15b7b71d2e583f160d61" alt="">
                                </a>
                            </div>
                        </li>
                    </ul>
            </div>
        </div>
        <div class="wrapper">
            <div class="box1">
                <div><img src="../imgas/GuiJia/1ll.jpg">
                    <a href=""><span class="a1">美术馆电视柜</span></a>
                    <a href=""><span class="a2">&yen;2599</span></a>
            </div>
                <div><img src="../imgas/GuiJia/2ll.jpg">
                    <a href=""><span class="a1">美术馆电视柜</span></a>
                    <a href=""><span class="a2">&yen;2599</span></a>
            </div>
                <div><img src="../imgas/GuiJia/3ll.jpg">
                <a href=""><span class="a1">画板电视柜</span></a>
                <a href=""><span class="a2">&yen;3599</span></a>
                <a href=""><span class="a3">3色可选</span></a>
            </div>
                <div><img src="../imgas/GuiJia/4ll.jpg">
                    <a href=""><span class="a1">山雪电视柜</span></a>
                    <a href=""><span class="a2">&yen;1999</span></a>
                </div>
                <div><img src="../imgas/GuiJia/5ll.jpg">
                    <a href=""><span class="a1">瓦格一矮柜</span></a>
                    <a href=""><span class="a2">&yen;2599</span></a>
                </div>
                <div><img src="../imgas/GuiJia/6ll.jpg">
                    <a href=""><span class="a1">画板书架</span></a>
                    <a href=""><span class="a2">&yen;2999</span>起</a>
                    <a href=""><span class="a3">2色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/7ll.jpg">
                    <a href=""><span class="a1">美术馆书柜</span></a>
                    <a href=""><span class="a2">&yen;2999</span></a>
                </div>
                <div><img src="../imgas/GuiJia/8ll.jpg">
                    <a href=""><span class="a1">美术馆陈列柜</span></a>
                    <a href=""><span class="a2">&yen;2999</span></a>
                    <a href=""><span class="a3">3色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/9ll.jpg">
                    <a href=""><span class="a1">山雪书柜</span></a>
                    <a href=""><span class="a2">&yen;2399起</span></a>
                </div>
                <div><img src="../imgas/GuiJia/10ll.jpg">
                    <a href=""><span class="a1">瓦格一高柜</span></a>
                    <a href=""><span class="a2">&yen;4999</span></a>
                </div>
                <div><img src="../imgas/GuiJia/11ll.jpg">
                    <a href=""><span class="a1">画板衣柜</span></a>
                    <a href=""><span class="a2">&yen;6999起</span></a>
                    <a href=""><span class="a3">2色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/12ll.jpg">
                    <a href=""><span class="a1">美术馆衣柜</span></a>
                    <a href=""><span class="a2">&yen;3999起</span></a>
                </div>
                <div><img src="../imgas/GuiJia/13ll.jpg">
                    <a href=""><span class="a1">COSMO星格衣柜·柜</span></a>
                    <a href=""><span class="a2">&yen;3499</span></a>
                </div>
                <div><img src="../imgas/GuiJia/14ll.jpg">
                    <a href=""><span class="a1">造作朱雀衣柜</span></a>
                    <a href=""><span class="a2">&yen;9999</span></a>
                </div>
                <div><img src="../imgas/GuiJia/15ll.jpg">
                    <a href=""><span class="a1">新画板餐边柜</span></a>
                    <a href=""><span class="a2">&yen;5799</span></a>
                    <a href=""><span class="a3">2色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/16ll.jpg">
                    <a href=""><span class="a1">美术馆餐边柜</span></a>
                    <a href=""><span class="a2">&yen;3599</span></a>
                    <a href=""><span class="a3">3色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/17ll.jpg">
                    <a href=""><span class="a1">山雪边柜</span></a>
                    <a href=""><span class="a2">&yen;2299</span></a>
                </div>
                <div><img src="../imgas/GuiJia/18ll.jpg">
                    <a href=""><span class="a1">美术馆斗柜</span></a>
                    <a href=""><span class="a2">&yen;2699</span></a>
                    <a href=""><span class="a3">3色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/19ll.jpg">
                    <a href=""><span class="a1">流方柜</span></a>
                    <a href=""><span class="a2">&yen;4999</span></a>
                </div>
                <div><img src="../imgas/GuiJia/20ll.jpg">
                    <a href=""><span class="a1">青山斗柜</span></a>
                    <a href=""><span class="a2">&yen;3599起</span></a>
                    <a href=""><span class="a3">2色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/21ll.jpg">
                    <a href=""><span class="a1">新画板斗柜</span></a>
                    <a href=""><span class="a2">&yen;3999</span></a>
                    <a href=""><span class="a3">3色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/22ll.jpg">
                    <a href=""><span class="a1">美术馆鞋柜</span></a>
                    <a href=""><span class="a2">&yen;1299</span></a>
                    <a href=""><span class="a3">2色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/23ll.jpg">
                    <a href=""><span class="a1">美术馆换装柜</span></a>
                    <a href=""><span class="a2">&yen;1399</span></a>
                    <a href=""><span class="a3">2色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/24ll.jpg">
                    <a href=""><span class="a1">山雪鞋柜</span></a>
                    <a href=""><span class="a2">&yen;1999</span></a>
                </div>
                <div><img src="../imgas/GuiJia/25ll.jpg">
                    <a href=""><span class="a1">画板鞋柜</span></a>
                    <a href=""><span class="a2">&yen;1599</span></a>
                    <a href=""><span class="a3">2色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/26ll.jpg">
                    <a href=""><span class="a1">画板玄关柜</span></a>
                    <a href=""><span class="a2">&yen;2999</span></a>
                    <a href=""><span class="a3">2色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/27ll.jpg">
                    <a href=""><span class="a1">青山玄关柜</span></a>
                    <a href=""><span class="a2">&yen;4599起</span></a>
                    <a href=""><span class="a3">2色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/28ll.jpg">
                    <a href=""><span class="a1">美术馆玄关柜</span></a>
                    <a href=""><span class="a2">&yen;1999</span></a>
                    <a href=""><span class="a3">3色可选</span></a>
                </div>
                <div><img src="../imgas/GuiJia/29ll.jpg">
                    <a href=""><span class="a1">瓦格一矮柜</span></a>
                    <a href=""><span class="a2">&yen;2599</span></a>
                </div>
                <div><img src="../imgas/GuiJia/30ll.jpg">
                    <a href=""><span class="a1">瓦格一矮柜</span></a>
                    <a href=""><span class="a2">&yen;2599</span></a>
                </div>
                <div><img src="../imgas/GuiJia/31ll.jpg">
                    <a href=""><span class="a1">画板床头柜</span></a>
                    <a href=""><span class="a2">&yen;999</span></a>
                </div>
                <div><img src="../imgas/GuiJia/32ll.jpg">
                    <a href=""><span class="a1">山雪床头柜</span></a>
                    <a href=""><span class="a2">&yen;699</span></a>
                </div>
            </div>
            </div>
            <div class="footer">
                <div class="content">
                    <div class="footer-img">
                        <img src="http://img.zaozuo.com/195e0858b3515b4dd666e69fda404737" alt="">
                        <a href="">zaozuo.com</a>
                        <!-- <div class="logo"><div class="logo1"></div></div> -->
                    </div>
                    <div class="content1">
                        <ul class="footer1">
                            <li><a href="">关于造作</a></li>
                            <li><a href="">团队介绍</a></li>
                            <li><a href="">设计师团</a></li>
                            <li><a href="">媒体报道</a></li>
                            <li><a href="">加入造作</a></li>
                            <li><a href="">Designer Hiring</a></li>
                        </ul>
                        <ul class="footer1">
                            <li><a href="">服务支持</a></li>
                            <li><a href="">服务保障</a></li>
                            <li><a href="">用户协议</a></li>
                            <li><a href="">物流售后服务</a></li>
                        </ul>
                        <ul class="footer1">
                            <li><a href="">商业合作</a></li>
                            <li><a href="">集合采购</a></li>
                            <li><a href="">招商邀约</a></li>
                            <li><a href="">品牌合作</a></li>
                            <li><a href="">媒体合作</a></li>
                            <li><a href="">设计师入住</a></li>
                        </ul>
                    </div>
                    <div class="right">
                        <p class="right1">联系我们</p>
                        <p class="right-1">400-6636-926<span>(9:00~21:00) </span></p>
                        <button class="kf">在线客服</button>
                        <a href="LiaoJieZaoZuo.html"><p class="right-2">造作新家全国实体店 &nbsp;></p></a>
                    </div>
                </div>
                <div class="copyright">
                   <p>Copyright © 2018 zaozuo.com Inc.All Rights Reserved. 北京造化科技有限公司</p>
                    <p>版权所有 京ICP备14049641号-1增值电信业务经营许可证：京ICP证150098号</p>
                    <p>造作新家官网 - 全球设计师创作家局品牌</p>
                </div>
            </div>
            
    </div>
</body>
</html>